<!DOCTYPE html>
<html lang="en" ng-app="huoban">

<head>
    <meta charset="UTF-8">
    <title>计算器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../node_modules/normalize.css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../style/base.css">
    <link rel="stylesheet" type="text/css" href="../style/findHouse.css">
</head>

<body class="find-calculator" ng-controller="findHouse">
    <header>
        <img src="../images/index/back.png" alt="" class="left icon-back" ng-click="back()">
        <p class="center">计算器</p>
    </header>
    <section class="money">
        <p class="text-right mb10">
            <span class="left">预计租金</span>
            <span ng-show="!sum"><span class="color-red" >00.00</span> 元</span>
            <span ng-show="sum"><span class="color-red" >{{sum}}</span> 元</span>
        </p>
        <p class="text-right color-light mb10" ng-show="sum">
            {{money}}元*12期
        </p>
        <p class="text-right color-light" ng-show="sum">每期包含0.5%费率，{{money}}元*12期</p>
    </section>
    <form class="prl16">
        <p class="calculator-unit">
            <img src="../images/find/calculator_danjia.png">单价
            <input type="text" placeholder="请输入单价" ng-model="calculator.unit">
            <span class="unit  color-light"><span class="left">|</span> 元/平米/天</span>
        </p>
        <p class="calculator-unit">
            <img src="../images/find/calculator_area.png">面积
            <input type="text" placeholder="请输入面积" ng-model="calculator.mianji">
            <span class="unit color-light"><span class="left">|</span>平方米</span>
        </p>
        <p class="calculator-unit">
            <img src="../images/find/calculator_deadline.png">租期
            <input type="text" placeholder="请输入租期" ng-model="calculator.rent">
            <span class="unit color-light">
                <span class="left">|</span>
            <span class="inline-block mr10"><input type="radio" value="365" name="rent" ng-model="calculator.choosetime">
                    <span ng-class="{blue: calculator.choosetime=='365'}">年</span>
            </span>
            <span><input type="radio" value="30" name="rent" ng-model="calculator.choosetime"><span ng-class="{blue: calculator.choosetime=='30'}">月</span></span>
            </span>
        </p>
        <p class="calculator-unit">
            <img src="../images/find/calculator_fenqi.png">分期
            <span class="right unit-fenqi">  
                <span class="fenqi">
                     <input type="radio" value="0" name="period" ng-model="calculator.fenqi">
                    <span class="one color-light" ng-class="{fenqiborer: calculator.fenqi == '0'}" >1期</span>
            </span>
            <span class="fenqi">
                    <input type="radio" value="0.005" name="period" ng-model="calculator.fenqi">
                    <span class="one color-light" ng-class="{fenqiborer: calculator.fenqi == '0.005'}">
                        2期
                    </span>
            </span>
            <span class="fenqi">
                    <input type="radio" value="0.020" name="period" ng-model="calculator.fenqi" >
                    <span class="one color-light" ng-class="{fenqiborer: calculator.fenqi == '0.020'}">
                    3期</span>
            </span>
            <span class="fenqi">
                    <input type="radio" value="0.040" name="period" ng-model="calculator.fenqi">
                    <span class="one color-light" ng-class="{fenqiborer: calculator.fenqi == '0.040'}">
                    4期</span>
            </span>
            </span>
        </p>
        <p class="calculator-submit bg-blue" ng-click="toCalculator()">开始计算</p>
        <p class="calculator-reset" ng-click="resetCalculator()">重新计算</p>
    </form>
</body>
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-ui-router.js"></script>
<script type="text/javascript" src="../js/address.js"></script>
<script type="text/javascript" src="../js/main.js"></script>

</html>
